@import url(rem.less);
body,html{
    width: 100%;
    height: 100%;
    background-color: #f3f3f3;
 
}
.head{
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
    .h(140);
    h2{
        width: 10%;
        img{
            width: 40%;
        }
    }
    p{
        flex: 1;
        .font-dpr(15px);
    }
}
.main{
    text-align: center;
    .num{
        width: 90%;
        border: none;
        border: 1px solid #ccc;
        background-color: white;
        .h(140);
        .mt(40);
        .mb(40);
        .font-dpr(13px);
        text-indent: 1rem;
    }
    .b{
        width: 90%;
        margin: 0 auto;
        .text{
            width: 65%;
            border: none;
            border: 1px solid #ccc;
            background-color: white;
            .font-dpr(13px);
            text-indent: 1rem;
            .h(140);
            .mr(35);
        }
        .btn{
            width: 30%;
            .h(140);
            text-align: center;
            .lh(140);
            color: white;
            .font-dpr(13px);
            background-color: #5a5a5a;
            border: none;
        }
    }
}
.h{
    .lh(180);
    .ml(50);
    .font-dpr(13px);
    span{
        color: blue;
    }
}
.bt{
    width: 90%;
    margin: auto;
    .btn1{
        width: 100%;
        .h(140);
        .lh(140);
        text-align: center;
        color: white;
        .font-dpr(15px);
        background-color: #fb886f;
        border-radius: 10px;
        border: none;
    }
}
.p{
    width: 90%;
    margin: auto;
    .mt(50);
    p{
        .font-dpr(13px); 
        .lh(50);
    }
}

